@media screen and (max-width: 600px) {
  #app {
    width: 100%;
    font-size: 3.5rem;
  }
  .input-box {
    width: 100%;
  }

  .menu-list {
    height: 35rem;
  }

  .card-list {
    margin-top: 5rem;
    height: 130rem;
  }

  .card-desc {
    height: 12rem;
    line-height: 4rem;
  }

  .card-img {
    width: 18rem;
  }

  .page-btns {
    margin-top: 4rem;
  }

  .text-ellipsis {
    -webkit-line-clamp: 3;
  }
}
